<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>登录页面</title>
		<link rel="stylesheet" href="css/cssreset.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/login.css">
	</head>
	<body>
		<div class="top">
			<!--top-->
			<ul class="top_right">
				<li class="topR">商业合作</li>			
				<li class="topR">了解造作</li>
				<li class="news">实体店<span>NEW</span></li>
				<li class="top_icon"><span></span></li>
			</ul>
			<h1><img src="images/icon/0logo.png" alt=""></h1>
			<ul class="leftnav">
				<span class="myIcon"><img src="images/icon/1a.png" alt=""></span>
				<span class="shoppingCar"><img src="images/icon/2c.png" alt=""></span>
				<li class="login_now leave_now">首页</li>
				<li>沙发
					<div class="slideul">
						<ul class="slide_one">
							<li>
								<img class="img_nohover" src="images/icon/sofa_3.png" alt="">
								<img class="img_hover" src="images/icon/sofa_3c.png" alt="">
								<span>三人沙发</span>
								</li>

							<li>					
								<img class="img_nohover" src="images/icon/sofa_2.png" alt="">
								<img class="img_hover" src="images/icon/sofa_2c.png" alt="">
								<span>双人沙发</span>
								</li>

							<li>
								<img class="img_nohover" src="images/icon/sofa_1.png" alt="">
								<img class="img_hover" src="images/icon/sofa_1c.png" alt="">
								<span>单人沙发</span>
								</li>

							<li>
								<img class="img_nohover" src="images/icon/sofa_4.png" alt="">
								<img class="img_hover" src="images/icon/sofa_4c.png" alt="">
								<span>四人沙发</span>
								</li>

							<li>
								<img class="img_nohover" src="images/icon/sofa_1.png" alt="">
								<img class="img_hover" src="images/icon/sofa_1c.png" alt="">
								<span>沙发墩</span>
							</li>
						</ul>
					</div>
				</li>
				<li>桌几
					<div class="slideul">
						<ul class="slide_two">
							<li>
								<img src="images/icon/desk_1.png" alt="">
								<img class="img_hover" src="images/icon/desk_1c.png" alt="">
								<span>书桌·餐桌</span>
							</li>
							<li>
								<img src="images/icon/desk_2.png" alt="">
								<img class="img_hover" src="images/icon/desk_2c.png" alt="">
								<span>茶几</span>
							</li>
							<li>
								<img src="images/icon/desk_3.png" alt="">
								<img class="img_hover" src="images/icon/desk_3c.png" alt="">
								<span>边几</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>椅凳
					<div class="slideul">
						<ul class="slide_three">
							<li>
								<img src="images/icon/desk_1.png" alt="">
								<img class="img_hover" src="images/icon/desk_1c.png" alt="">
								<span>座椅</span>
							</li>
							<li>
								<img src="images/icon/desk_2.png" alt="">
								<img class="img_hover" src="images/icon/desk_2c.png" alt="">
								<span>坐墩</span>
							</li>
							<li>
								<img src="images/icon/desk_3.png" alt="">
								<img class="img_hover" src="images/icon/desk_3c.png" alt="">
								<span>凳子</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>柜架
					<div class="slideul">
						<ul class="slide_four">
							<li>
								<img src="images/icon/gj_1.png" alt="">
								<img class="img_hover" src="images/icon/gj_1c.png" alt="">
								<span>置物柜</span>
							</li>
							<li>
								<img src="images/icon/gj_2.png" alt="">
								<img class="img_hover" src="images/icon/gj_2c.png" alt="">
								<span>书柜·书架</span>
							</li>
							<li>
								<img src="images/icon/gj_3.png" alt="">
								<img class="img_hover" src="images/icon/gj_3c.png" alt="">
								<span>电视柜</span>
							</li> 
							<li>
								<img src="images/icon/gj_4.png" alt="">
								<img class="img_hover" src="images/icon/gj_4c.png" alt="">
								<span>置物架</span>
							</li>     
							<li>
								<img src="images/icon/gj_5.png" alt="">
								<img class="img_hover" src="images/icon/gj_5c.png" alt="">
								<span>单元格</span>
							</li>     
							<li>
								<img src="images/icon/gj_6.png" alt="">
								<img class="img_hover" src="images/icon/gj_6c.png" alt="">
								<span>衣帽架</span>
							</li>     
							<li>
								<img src="images/icon/gj_7.png" alt="">
								<img class="img_hover" src="images/icon/gj_7c.png" alt="">
								<span>鞋柜·玄关柜</span>
							</li>             
						</ul>	
					</div>	
				</li>
				<li>灯具
					<div class="slideul">
						<ul class="slide_five">
							<li>
								<img src="images/icon/light_1.png" alt="">
								<img class="img_hover" src="images/icon/light_1c.png" alt="">
								<span>台灯</span>
							</li>
							<li>
								<img src="images/icon/light_2.png" alt="">
								<img class="img_hover" src="images/icon/light_2c.png" alt="">
								<span>地灯 </span>
							</li>
							<li>
								<img src="images/icon/light_3.png" alt="">
								<img class="img_hover" src="images/icon/light_3c.png" alt="">
								<span>吊灯</span>
							</li> 
							<li>
								<img src="images/icon/light_4.png" alt="">
								<img class="img_hover" src="images/icon/light_4c.png" alt="">
								<span>夜灯</span>
							</li>       
						</ul>	
					</div>	
				</li>
				<li>床·床具
					<div class="slideul">
						<ul class="slide_six">
							<li>
								<img src="images/icon/bed_1.png" alt="">
								<img class="img_hover" src="images/icon/bed_1c.png" alt="">
								<span>床</span>
							</li>
							<li>
								<img src="images/icon/bed_2.png" alt="">
								<img class="img_hover" src="images/icon/bed_2c.png" alt="">
								<span>床垫 </span>
							</li>
							<li>
								<img src="images/icon/bed_3.png" alt="">
								<img class="img_hover" src="images/icon/bed_3c.png" alt="">
								<span>床头柜</span>
							</li> 
							<li>
								<img src="images/icon/bed_4.png" alt="">
								<img class="img_hover" src="images/icon/bed_4c.png" alt="">
								<span>床下储物盒</span>
							</li>   
							<li>
								<img src="images/icon/bed_5.png" alt="">
								<img class="img_hover" src="images/icon/bed_5c.png" alt="">
								<span>床尾凳</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>家纺
					<div class="slideul">
						<ul class="slide_seven">
							<li>
								<img src="images/icon/jf_1.png" alt="">
								<img class="img_hover" src="images/icon/jf_1c.png" alt="">
								<span>床品4件套</span>
							</li>
							<li>
								<img src="images/icon/jf_2.png" alt="">
								<img class="img_hover" src="images/icon/jf_2c.png" alt="">
								<span>被芯·枕芯 </span>
							</li>
							<li>
								<img src="images/icon/jf_3.png" alt="">
								<img class="img_hover" src="images/icon/jf_3c.png" alt="">
								<span>床褥</span>
							</li> 
							<li>
								<img src="images/icon/jf_4.png" alt="">
								<img class="img_hover" src="images/icon/jf_4c.png" alt="">
								<span>盖毯</span>
							</li>   
							<li>
								<img src="images/icon/jf_5.png" alt="">
								<img class="img_hover" src="images/icon/jf_5c.png" alt="">
								<span>地毯</span>
							</li>   
							<li>
								<img src="images/icon/jf_6.png" alt="">
								<img class="img_hover" src="images/icon/jf_6c.png" alt="">
								<span>抱枕</span>
							</li> 
							<li>
								<img src="images/icon/jf_5.png" alt="">
								<img class="img_hover" src="images/icon/jf_5c.png" alt="">
								<span>毛巾</span>
							</li> 
							<li>
								<img src="images/icon/jf_5.png" alt="">
								<img class="img_hover" src="images/icon/jf_5c.png" alt="">
								<span>颈枕</span>
							</li>    
						</ul>	
					</div>	
				</li>
				<li>装饰
					<div class="slideul">
						<ul class="slide_eight">
							<li>
								<img src="images/icon/zs_1.png" alt="">
								<img class="img_hover" src="images/icon/zs_1c.png" alt="">
								<span>摆件·花瓶</span>
							</li>
							<li>
								<img src="images/icon/zs_2.png" alt="">
								<img class="img_hover" src="images/icon/zs_2c.png" alt="">
								<span>收纳</span>
							</li>
							<li>
								<img src="images/icon/zs_3.png" alt="">
								<img class="img_hover" src="images/icon/zs_3c.png" alt="">
								<span>装饰画</span>
							</li>     
						</ul>	
					</div>	
				</li>
				<li>餐具
					<div class="slideul">
						<ul class="slide_nine">
							<li>
								<img src="images/icon/cj_1.png" alt="">
								<img class="img_hover" src="images/icon/cj_1c.png" alt="">
								<span>套装</span>
							</li>
							<li>
								<img src="images/icon/cj_2.png" alt="">
								<img class="img_hover" src="images/icon/cj_2c.png" alt="">
								<span>盘碗 </span>
							</li>
							<li>
								<img src="images/icon/cj_3.png" alt="">
								<img class="img_hover" src="images/icon/cj_3c.png" alt="">
								<span>杯子</span>
							</li> 
							<li>
								<img src="images/icon/cj_4.png" alt="">
								<img class="img_hover" src="images/icon/cj_4c.png" alt="">
								<span>储物</span>
							</li>   
							<li>
								<img src="images/icon/cj_5.png" alt="">
								<img class="img_hover" src="images/icon/cj_5c.png" alt="">
								<span>托盘</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>礼品卡</li>
			</ul>
		</div>
		<!-- 背景图 -->
		<div class="bgwrap">
			<div class="bg"></div>
		</div>
		<!-- 登录表单 -->
		<div class="loginFormWrap login1">
			<ul class="login_title">
				<li class="login_active">验证码登录</li>
				<li>密码登录</li>
			</ul>
			<div class="login_input">
				<div class="inputarea">
					<input type="text" placeholder="请输入手机号">
				</div>
				<div class="inputarea">
					<input class="yzm" type="text" placeholder="请输入验证码">
					<button class="btn">获取验证码</button>
				</div>
					<button class="login_btn">登录</button>
					<span class="wechat">微信登录></span>
				<div class="regist_wrap">
					<span class="regist">没有账号？</span>
					<a href="register.html">立即注册</a>
				</div>	
					
			</div>
		</div>
		<div class="loginFormWrap login2">
			<ul class="login_title">
				<li>验证码登录</li>
				<li class="login_active">密码登录</li>
			</ul>
			<div class="login_input">
				<div class="inputarea">
					<input type="text" placeholder="手机号/邮箱">
				</div>
				<div class="inputarea">
					<input type="text" placeholder="密码">
					<button class="btn">获取验证码</button>
				</div>
					<button class="login_btn">登录</button>
					<span class="wechat">微信登录></span>
				<div class="regist_wrap">
					<span class="regist">没有账号？</span>
					<a href="">立即注册</a>
				</div>	
					
			</div>
		</div>
		<script src = 'js/jquery.min.js'></script>
		<script SRC = 'js/login.js'></script>
	</body>
</html>